<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/detail.css">
    <style>
        .round-loupe{
           border-radius: 75px;
           border: 5px solid #ff1268;
        }
        </style> 
 
</head>
<body>
      <!-- 顶部 -->
   <header>
    <div class="clearfixer top">
        <a href="./index.html"> <img src="../img/TB1fbVFfu3tHKVjSZSgXXX4QFXa-230-104.png" alt="" class="logo"></a>
        <div class="top-head">
            <a href="./index.html" class="top-head_index top_select" >首页</a>
            <a href="./list.html" class="top-head_list top_select">分类</a>
        </div>
        <div class="top-r clearfixer">
            <div class="top-r_login">
                <a href="" class="top-r_login_pic">
                    <img src="../img/TB14UKCGQyWBuNjy0FpXXassXXa-54-54.png" alt="" class="top-r_pic">
                </a> 
                 <span class="top-r_login_lg">登录</span> 
                <div class="top-r_select">
                    <div class="top-r_sel_in">
                        <a class="top-r_sel_a login-select" href="javasrcipt:;">个人信息</a>
                        <a class="top-r_sel_a" href="javasrcipt:;">账号管理</a>
                        <a class="top-r_sel_a cartbtn" href="./carts.html">购物车</a>
                        <a class="top-r_sel_a  login_out">退出登录</a>

                    </div>
                </div>
            </div>
            <div class="top-r_dl">
                <img src="../img/TB1A9eIGKuSBuNjy1XcXXcYjFXa-54-54.png" alt="" class="top-r_pic">
                <span class="top-r_dl_xz">下载</span>
                <div class="top-r_dl_in">
                    <img src="../img/TB1TBEJSkvoK1RjSZFNXXcxMVXa-280-280.jpg" alt="" class="top-r_dl_pic">
                </div>
            </div>
            <div class="top-r_lg">
                <img src="../img/TB13UKCGQyWBuNjy0FpXXassXXa-54-54.png" class="top-r_pic">
                <span class="top-r_lg_E">English</span>
            </div>
        </div>
        <div class="search">
            <img src="../img/TB1qv3jxGmWBuNjy1XaXXXCbXXa-34-36.png" alt="" class="search_pic">
            <input type="text" placeholder="搜索明星、演出、体育赛事" class="search_btn">
            <div class="search_btn2">搜索</div>
        </div>
    </div>
   </header>
   <!-- 主体 -->
   <div class="perform">
       <div class="perf-cont">
           <div class="cont-flex">
               <div class="hd">
                   <div class="hd-cont">
                       <div class="cover">
                           <img  alt="" class="poster">
                       </div>
                       <div class="order">
                           <div class="order-tit">
                               <!-- <span class="tip">总票代</span>
                               <span>【北京】&nbsp;描述</span> -->
                           </div>
                           <div class="order-addre">
                               <!-- <div class="addre_time">时间 ：</div>
                               <div class="addre_place">
                                   <div class="place_addre">场馆 ： 城市| 地址</div>
                                   <div class="order-pice">价格 ：<span>价格</span>元 </div>
                               </div> -->
                           </div>
                           
                           <div class="order-time">
                               <img src="../img/TB1gKnkSMTqK1RjSZPhXXXfOFXa-28-28.png" alt="" class="order-time_pic">请先添加至购物车，防止丢商品
                           </div>
                           <div class="buybtn">加入购物车</div>
                       </div>
                   </div>
               </div>
               <div class="no-goods">
                  对不起！<br>这个商品已经出售完了！！！<br>
                   <a href="./list.html" class="go_list">
                    点击查看其他商品
                   </a>
               </div>
           </div>
       </div>
   </div>  
   <!-- 底部 -->
<div class="footer">
    <div class="footer-in">
     <ul class="footer-links clearfixer">
         <li class="footer-links-list"><a href="">帮助中心</a></li>
         <li class="footer-links-grap">| </li>
         <li class="footer-links-list"><a href="">公司介绍</a></li>
         <li class="footer-links-grap">| </li>
         <li class="footer-links-list"><a href="">品牌识别</a></li>
         <li class="footer-links-grap">| </li>
         <li class="footer-links-list"><a href="">公司大记事</a></li>
         <li class="footer-links-grap">| </li>
         <li class="footer-links-list"><a href="">协议及隐私权政策</a></li>
         <li class="footer-links-grap">| </li>
         <li class="footer-links-list"><a href="">廉正举报</a></li>
         <li class="footer-links-grap">| </li>
         <li class="footer-links-list"><a href="">联系合作</a></li>
         <li class="footer-links-grap">| </li>
         <li class="footer-links-list"><a href="">招聘信息</a></li>
         <li class="footer-links-grap">| </li>
         <li class="footer-links-list"><a href="">防骗秘籍</a></li>
     </ul>
   <div class="footer-bot clearfixer">
     <div class="footer-bot_l clearfixer">
      <a href="" class="footer-bot_logo"><img src="../img/TB1otMASmzqK1RjSZPxXXc4tVXa-167-60.png" alt=""></a>
      <div class="footer-bot_ewm">  
        <img  class="footer-bot_ewm_pic" src="../img/TB1TBEJSkvoK1RjSZFNXXcxMVXa-280-280.jpg" alt="">
        <span>APP下载</span>
      </div>
     </div>
     <div class="footer-bot-r">
             <div class="footer_r_content clearfixer">
                 <a href="" class="footer_r_kf">联系客服</a>
             </div>
              <ul class=" footer-icp clearfixer">
                  <li class="footer-bot-icp"><a href="">京ICP证031057号</a></li>
                  <li class="footer-icp-grap">| </li>
                  <li  class="footer-bot-icp"><a href="">京ICP备11043884号</a></li>
                  <li class="footer-icp-grap">| </li>
                  <li  class="footer-bot-icp"><a href="">京公网安备11010502037341号</a></li>
                  <li class="footer-icp-grap">| </li>
                  <li  class="footer-bot-icp"><a href="">广播电视节目制作经营许可证(京)字第02253号</a></li>
              </ul>
              <ul class=" footer-icp clearfixer" >
                  <li><a href="">网络文化经营许可证 京网文[2019]4082-420号</a></li>
                  <li class="footer-icp-grap">| </li>
                  <li><a href="">营业性演出许可证京市演587号</a></li>
              </ul>
              <ul class=" footer-icp clearfixer" >
                  <li>北京红马传媒文化发展有限公司 版权所有</li>
                  <li><a href="">大麦网</a> </li>
                  <li>Copyright 2003-2019 All Rights Reserved</li>
              </ul>
              <ul class=" footer-icp clearfixer">
                  <li>举报投诉：damai_tousu@member.alibaba.com 浙江省杭州市余杭区文一西路969号</li>
              </ul>
              <ul class=" footer-icp clearfixer"><li>违法不良信息举报电话：020-62108294</li></ul>
              <div class="footer-bot-img">
                  <a href=""><img class="footer-img1" src="../img/TB1ZO80pyOYBuNjSsD4XXbSkFXa-141-41.png" alt=""></a>
                  <a href=""><img class="footer-img2" src="../img/TB1Y580pyOYBuNjSsD4XXbSkFXa-83-50.png" alt=""></a>
                  <a href=""><img class="footer-img4" src="../img/TB1pM_ZxNWYBuNjy1zkXXXGGpXa-114-40.png" alt=""></a>
                  <a href=""><img class="footer-img3" src="../img/TB1C4nNxTlYBeNjSszcXXbwhFXa-114-42.png" alt=""></a>
              </div>
            </div>
          </div>     
           </div>
          </div>
        <!-- 回到顶部 -->
        <div class="sidebar">
          <div class="sidebar_item">
            <a href="" class="adime">
                <div class="sidebar_icon zxkf"></div>
                <p>在线客服</p>
            </a>
          </div>
          <div class="sidebar_item">
             <a href="" class="adime">
                 <div class="sidebar_icon damai"></div>
                 <p>App下载</p>
             </a>
          </div>
          <div class="sidebar_item rtop">
                 <div class="sidebar_icon icon_rtop"></div>
                 <p>回到顶部</p>
          </div>
        </div>
    <script src="../lib/jquery/dist/jquery.min.js"></script>
    <script src="../lib/zoomsl.min.js"></script>
    <script>
        jQuery(function(){
           
          $(".poster").imagezoomsl({
              
              innerzoommagnifier: true,
              classmagnifier: window.external ? window.navigator.vendor === "Yandex" ? "" : "round-loupe" : "",
              magnifierborder: "5px solid #F0F0F0",                              	  
              zoomrange: [2, 8],
              zoomstart: 4,
              magnifiersize: [150, 150]		
          });
        });   
        </script>
    <script src="../js/cookie.js"></script>
    <script src="../js/detail.js"></script>
</body>
</html>